<template>
  <div>
   <TypeNav></TypeNav>
   <ListContainer></ListContainer>
   <Recommend></Recommend>
   <Rank></Rank>
   <Like></Like>
   <Floor 
    v-for="floor in floorList"
    :key="floor.id"
    :floor="floor"
    ></Floor>
   <Brand></Brand>
  </div>
</template>

<script>
import ListContainer from './components/ListContainer'
import Recommend from './components/Recommend'
import Rank from './components/Rank'
import Like from './components/Like'
import Floor from './components/Floor'
import Brand from './components/Brand'
export default {
    name:'Home',
    computed:{
      floorList(){
        return this.$store.state.home.floorList
      },
      mounted(){
        this.$store.dispatch('getFloorList')
      },
    },
    components:{
      ListContainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    }

}
</script>

<style>

</style>